<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>zlp的主页</title>
    <link rel="stylesheet" href="css/base.css">
    <!-- <link rel="stylesheet" type="text/css" href="zi.css"> -->
    <link rel="stylesheet" href="css/index.css">
    <script src="https://at.alicdn.com/t/font_1862854_41p7l5cinui.js"></script>
    <link rel="shortcut icon" href="images/tes.png" type="image/x-icon">
    <style type="text/css">
    
        .icon {
           width: 3em; height: 3em;
           /* vertical-align: -0.15em;
           fill: currentColor;
           overflow: hidden; */
        }
    </style>
</head>
<body>
    <div class="header">
        <img src="images/1592821396_103890.png" alt="">
    </div>
    <div class="content">
        <div class="menu">
            <img src="images/头像.jpg" alt="">
            <p>张 丽 平</p>
            <span>Lovely girl</span>
            <ul>
                <li class="shouye"><a href="#homeb">首页</a> </li>
                <li class="guanyuwo"><a href="#aboutb">关于我</a> </li>
                <li class="zhishijineng"><a href="#workb">战果</a></li>
                <li class="xingqueaihao"><a href="#hobbyb">兴趣爱好</a></li>
                <li class="lianxiwo"><a href="#contackb">联系我</a></li>
            </ul>
        </div>
        <div class="center" >
            <!-- <div class="header">
                <img src="images/1592821396_103890.png" alt="">
            </div> -->
            <div class="home-page" id="homeb">
                <div class="bank"></div>
                <div class="title">首 页</div>
                <!-- <img src="images/背景.jpg" alt=""> -->
                <div class="home-tip">
                    <!-- <p class="home-title">Hello,</p>  
                    <p>This is a front-end engineer，<br>zhangliping</p> -->
                    <div>
                        
                    <img src="images/大头.jpg" alt="">
                    <p>welcome!</p>
                    </div>
                   
                   
                </div>
            </div>
            <div class="about-me" id="aboutb">
                <div class="bank"></div>
                <div class="title">关 于 我</div>
                <img src="images/3.png" alt="">
                <div class="me-1 me">
                    <ul>
                        <li>姓 &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;名: 张丽平</li>
                        <li>性  &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;别: 女</li>
                        <li>籍  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 贯: 重庆</li>
                        <li>出生年月: 1999-02-15</li> 
                    </ul>
                </div>
                <div class="me-2 me">
                    <ul>
                        <li>政治面貌: 预备党员</li>
                        <li>院  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 校: 武汉工程大学</li>
                        <li>专  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 业: 软件工程</li>
                        <li>学 &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; 历: 本科在读</li>
                    </ul>
                </div>
                <div class="me-tip">
                    张丽平，她性格开朗，热情活泼；为人具有亲和力，待人诚恳，人际关系较好；有上进心，能吃苦耐劳，能够虚心
                    向别人请教。她工作责任心强，有奉献精神和团队意识，能善待自己所选择的工作，合理安排工作和学习。她具有一定的专业知识能力，也有一定的创新意识，并且对web前端开发等相关工作感兴趣
                </div>
            </div>
            <div class="work" id="workb">
                <div class="bank"></div>
               <div class="title">战 果</div>
               <div class="wrapper demo1">
                <ul class="container">
                  <li class="cards_list">
                    <div class="img"> <img src="images/作业1.png" alt=""> 
                    </div>
                    <div class="main_con">
                      <a class="name" href="https://zlp_123.gitee.io/assignment_1" target="_blank">作业一</a>
                    </div>
                  </li>
                  <li class="cards_list">
                    <div class="img"> <img src="images/作业2.png" alt=""> 
                    </div>
                    <div class="main_con">
                      <a class="name" href="https://zlp_123.gitee.io/assignment_2" target="_blank">作业二</a>
                    </div>
                  </li>
                  <li class="cards_list">
                    <div class="img"> <img src="images/作业3.png" alt=""> 
                    </div>
                    <div class="main_con">
                      <a class="name" href="https://zlp_123.gitee.io/home" target="_blank">作业三</a>
                    </div>
                  </li>
                  <li class="cards_list">
                    <div class="img"> <img src="images/作业4.png" alt=""> 
                    </div>
                    <div class="main_con">
                      <a class="name" href="https://zlp_123.gitee.io/assignment_6" target="_blank">作业四</a>
                    </div>
                  </li>
                  <li class="cards_list">
                    <div class="img"> <img src="images/作业5.png" alt=""> 
                    </div>
                    <div class="main_con">
                      <a class="name" href="https://zlp_123.gitee.io/assignment_7__two" target="_blank">作业五</a>
                    </div>
                  </li>
                  <li class="cards_list">
                    <div class="img"> <img src="images/作业6.png" alt=""> 
                    </div>
                    <div class="main_con">
                      <a class="name" href="https://zlp_123.gitee.io/muximuxi" target="_blank">作业六</a>
                    </div>
                  </li>
                  <li class="cards_list">
                    <div class="img"> <img src="images/作业7.png" alt=""> 
                    </div>
                    <div class="main_con">
                      <a class="name" href="https://zlp_123.gitee.io/assignment_10" target="_blank">作业七</a>
                    </div>
                  </li>
                  <!-- <li class="cards_list">
                    <div class="img"> <img src="images/作业8.png" alt="">      
                    </div>
                    <div class="main_con">
                      <a class="name">作业八</a>
                    </div>
                  </li>
                  <li class="cards_list">
                    <div class="img"> <img src="images/作业9.png" alt=""> 
                    </div>
                    <div class="main_con">
                      <a class="name">作业九 </a>
                    </div>
                  </li> -->
                    </ul>
                    <i class="btn-direct btn-left"> <span class="shift-left"></span> </i> <i class="btn-direct btn-right"> <span class="shift-right"></span> </i> 
               </div>
            </div>
            <div class="hobby" id="hobbyb">
                <div class="bank"></div>
                <div class="title">兴 趣 爱 好</div>
                <div class="hobby-con">
                    <div class="music ho-tip">
                        <img src="images/听歌.jpeg" alt="">
                        <div>
                            <p>喜欢吴亦凡<br>喜欢听歌</p>
                        </div>
                    </div>
                    <div class="tes ho-tip">
                        <div>
                            <p>喜欢TES战队<br>喜欢看英雄联盟比赛</p>
                           
                        </div>
                        <img src="images/tes.gif" alt="">
                    </div>
                    <div class="read ho-tip">
                        <img src="images/看书.jpeg" alt="">
                        <div>
                            <p>喜欢看书<br>喜欢一个人发呆</p>
                        </div>
                    </div>
                    <div class="sport">
                        <div>
                            <p>不喜欢运动<br>喜欢打羽毛球</p>
                        </div>
                        <img src="images/球.gif" alt="">
                    </div>
                </div>
               
            </div>
            <div class="contack " id="contackb">
                <div class="bank"></div>
                <div class="title">联 系 我</div>
                <div class="icons">
                    <div class="phone tu">
                        <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dianhua"></use>
                        </svg>
                        <div class="number tip">
                            17798217715
                        </div>
                    </div>
                    <div class="weixin tu">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-weixin1"></use>
                        </svg>
                        <div class="ma">
                            <img class="tip" src="images/ma.png" alt="">
                        </div>
                    </div>
                    <div class="weibo tu">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-weibo"></use>
                        </svg>
                        <div class="wei-name tip">玖酱紫</div>
                    </div> 
                    <div class="email tu">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-youxiang1"></use>
                        </svg>
                        <div class="qq tip">1846547965@qq.com</div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
        <script src="js/carousel.js"></script> 
        <script>
        
                $(document).ready(function () {
        
                    console.time("t");
        
                    $("div.wrapper").each(function (i, e) {
                        $(e).attr("ondragstart", "return false");
                    });
        
                    var $demo1 = $("div.demo1");
        
                    var carousel1 = new Carousel($demo1.children("ul.container"), {
                        opacity: .9,
                        scale: [.9],
                        transition: "300ms",
                        switch_btn: $demo1.children("i.btn-direct"),
                        offset: 100,
                        isClickCard: true,
                        isAuto: true,
                        interval: 4000
                    });
                    console.timeEnd("t");
                })
        </script>
   
</body>
</html>